<script setup>
import { reactive  } from 'vue';
const str=reactive({name:"sb",age:20})
</script>
<template>
    <h1>作用域插槽</h1>
    <!-- 带有数据的插槽 ，子组件提供一部分数据给插槽，父组件接受子组件的的数据进行页面渲染 

    -->
     <div>
        <slot :msg="str"></slot>
     </div>
</template>
<style scoped>
</style>